<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script>
    export default {name: 'app'}
</script>

<style lang="less">
    @import '~vux/src/styles/reset.less';
    @import './style/global.less';

    body {
        background-color: #fbf9fe;
    }
    html {
        font-size: 10px;
    }
    @media only screen and (min-width: 401px) {
        html {
            font-size: 12.5px !important;
        }
    }
    @media only screen and (min-width: 428px) {
        html {
            font-size: 13.375px !important;
        }
    }
    @media only screen and (min-width: 481px) {
        html {
            font-size: 15px !important;
        }
    }
    @media only screen and (min-width: 569px) {
        html {
            font-size: 17.5px !important;
        }
    }
    @media only screen and (min-width: 641px) {
        html {
            font-size: 20px !important;
        }
    }
</style>